body{
    background:#f5f5f5;
    .top{
        width:100%;
        position:absolute;
        top:0;
        left:50%;
        transform:translate(-50%,0);
        border-bottom:1px solid #eee;
        background:#fff;
        .topbar{
            width:1200px;
        }
    }
    .all{
        width:1200px;
        position:absolute;
        top:100px;
        left:50%;
        transform:translate(-50%,0);
        .content{
            float:left;
            width:86%;
            background:#fff;
            margin-left: 1%;
            position:relative;
            .content-title{
                width: 100px;
                height: 40px;
                background-color: #ffd800;
                font-family: MicrosoftYaHei;
                font-size: 15px;
                color: #333333;
                text-align:center;
                line-height:40px;
                position:absolute;
                top:-3px;
                left:18px;
            }
            .project-content{
                width:100%;
                padding-top:55px;
                background:#fff;
                .project-detail{
                    width:100%;
                    height: 70px;
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    color: #96979a;
                    border-bottom:1px solid #f1f1f1;
                    .detail-left{
                        width:58%;
                        float:left;
                        margin-left:2%;
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        color: #333333;
                        margin: 20px 0 5px 20px;
                        .detail{
                            width:100%;
                            .user-mobile{
                                color: #1a8dee;
                            }
                        }
                        .time{
                            width:100%;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #999999;
                            margin-top:5px;
                        }
                    }
                    .detail-middle{
                        width:20%;
                        float:left;
                        line-height:70px;
                        .status{
                            font-family: MicrosoftYaHei;
                            font-size: 14px;
                            color: #333333;
                        }
                    }
                    .detail-right{
                        width:20%;
                        float:right;
                        line-height:70px;
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        color: #333333;
                        a{
                            display:block;
                            font-family: MicrosoftYaHei;
                            font-size: 14px;
                            color: #333333;
                            text-decoration:underline;
                        }
                    }
                }
            }
             .pagina{
                width:100%;
                height:24px;
                position:relative;
                margin: 15px 0 15px 0;
               .pagination{
                   position:absolute;
                   bottom:0;
                   left:50%;
                   transform:translate(-50%,0);
                   li{
                       float:left;
                       margin-right:10px;
                       width: 24px;
                       height: 24px;
                       .page-a{
                           display:block;
                           width: 24px;
                           height: 24px;
                           line-height:24px;
                           font-family: "MicrosoftYaHei";
                           font-size: 14px;
                           background-color: #fff;
                           text-align:center;
                           color:#333;
                       }
                       .pagination-btn{
                           border-radius:50%;
                           cursor:pointer;
                           display:block;
                           width: 24px;
                           height: 24px;
                           line-height:24px;
                           font-family: "MicrosoftYaHei";
                           font-size: 14px;
                           background-color: #fff;
                           text-align:center;
                           color:#333;
                       }
                   }
                   .first,.prev,.last,.next{
                       cursor:pointer;
                       width:50px;
                       a{color:#333;}
                      }
                   .active a{
                      display:inline-block;
                      width: 24px;
                      height: 24px;
                      background-color: #c79d7b;
                      font-family: "MicrosoftYaHei";
                      font-size: 14px;
                      line-height:24px;
                      color:#fff;
                      border-radius:50%;
                  }
               }
            }
        }
    }
}